@import '~tracim_frontend_lib/src/css/Variable.styl'

.html-document
  &__header
    &__editionmode
      display none
    &__icon
      .fa-file-alt
        color white
  &__editionmode
    &__container
      position relative
      height 100%
      min-height 400px
    &__button
      margin-top 10px
      width 100%
      text-align end
    &__cancel
      cursor pointer
      margin-inline-end 10px
    &__submit
      cursor pointer
  &__lastversionbtn
    cursor pointer
    & > i
      font-size titleFontSize
  &__contentpage, &__contentpage__edition
    width 100%
    &__option
      display flex
      justify-content flex-end
      margin 0 pageSpacing
    &__left
      &__wrapper
        flex 1
        overflow-y auto
        display flex
        flex-direction column
        margin-top standardSpacing
    &__content
      &__left
        background-color offWhite
        display flex
        flex-direction column
    &__textnote
      display flex
      flex 1
      flex-direction column
      padding 0 pageSpacing standardSpacing
      overflow-y auto
      & > .promptMessage
        margin-inline-end 0
        margin-inline-start 0
      &__text
        margin-top standardSpacing
      &__mentions
        font-weight bold
        margin standardSpacing 0
      &__state
        display flex
        align-items center
        justify-content space-between
        margin-bottom 15px
        padding 5px 15px
        background-color #fee498
        border-radius standardBorderRadius
        &__msg > i
          margin-inline-end textSpacing
        &__btnrestore
          cursor pointer
          & > i
            margin-inline-end textSpacing
          &.link
            color #453d9b
            &:hover
              color #1a0dab
              text-decoration underline
      &__top
        display flex
        &__translation
          font-size metadataFontSize
      &__edition
        display none
      &__text_translated
        border-inline-start-width 2px
        border-inline-start-style solid
        padding-inline-start textSpacing
        color darkGrey2
    &__messagelist
      min-height 70px
      padding 0 20px standardSpacing
      &__item
        &__content
          color offBlack
      &__version
      // MB - 2021-05-21 - FIXME (#4671 - https://github.com/tracim/tracim/issues/4671)
      // This bit of code doesn't seem to be used anywhere
        &__btn
          padding 5px 25px
          border-radius standardBorderRadius
          width 145px
          color white
          font-size standardFontSize
          & > i
            margin-inline-end standardSpacing
            color offBlack
            font-size titleFontSize
        &__date
          color fontColor
          font-size standardFontSize

.messagelistOpen
  .timeline__messagelist
    flex 0
    min-height 0

.buttonLink
  border none
  background-color transparent
  text-decoration underline
  padding 0 5px
  cursor pointer
  &:hover
    text-decoration underline

// MEDIAQUERIES

@media (min-width: min-sm) and (max-width: max-lg)
  .html-document
    &__contentpage
      &, &__contentpage__edition
        &__left
          &__wrapper
            padding 0
        &__textnote
          margin 0
      &__edition__content
        &__left
          height 100%

@media (max-width: max-xs)
  .html-document
    &__lastversionbtn
      > span
        display none
      > i
        margin 0
    &__contentpage
      &, &__contentpage__edition
        &__left
          &__wrapper
            padding 0
        &__textnote
          margin 0
      &__edition__content
        &__left
          height 100%
